// 使用 scss 的 math 函数，https://sass-lang.com/documentation/breaking-changes/slash-div
@use 'sass:math';

// 默认设计稿的宽度
$designWidth: 1920;
// 默认设计稿的高度
$designHeight: 1080;

// px 转为 vw 的函数
@function vw($px) {
  @return math.div($px, $designWidth) * 100vw;
}

// px 转为 vh 的函数
@function vh($px) {
  @return math.div($px, $designHeight) * 100vh;
}

/** 
/* 
 项目直接使用 vw 和 vh 函数，将像素值传进去，得到的就是具体的 vw vh 单位		 
 */
// .box{
//     width: vw(300);
//     height: vh(100);
//     font-size: vh(16);
//     background-color: black;
//     margin-left: vw(10);
//     margin-top: vh(10);
//     border: vh(2) solid red;
// }
